page{
	background-color: #f9f9f9;
}
.app{
	padding: 220upx 40upx 20upx;
	background-repeat: no-repeat;
	background-size: 100% auto;
	.app-con{
		padding: 30upx 40upx;
		border-radius: 7px;
		background-color: #fff;
		>text{
			font-size: 42upx;
			font-family: Source Han Sans CN;
			font-weight: 500;
			color: #333333;
			margin-bottom: 20upx;
			display: block;
		}
		.item-title{
			font-size: 30upx;
			font-family: PingFang SC;
			color: #333333;
			padding: 40upx 0 20upx;
		}
		.item-1{
			display: flex;
			align-items: center;
			padding: 20upx 0;
			border-bottom: 1px solid #eee;
			>text{
				font-size: 30upx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #333333;
				position: relative;
				&.on-text{
					&::before{
						content: '*';
						position: absolute;
						font-size: 30upx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #FF0000;
						left: -20upx;
						top: 0;
					}
				}
			}
			>view{
				flex: 1;
			}
		}
		.item-2{
			display: flex;
			align-items: center;
			padding: 20upx 0;
			border-bottom: 1px solid #eee;
			
		}
		.item-3{
			display: flex;
			align-items: center;
			padding: 20upx 0;
			border-bottom: 1px solid #eee;
			position: relative;
			>text{
				font-size: 30upx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #333333;
				position: relative;
				&.on-text{
					&::before{
						content: '*';
						position: absolute;
						font-size: 30upx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #FF0000;
						left: -20upx;
						top: 0;
					}
				}
			}
			>view{
				&:nth-of-type(1) {
					flex: 1;
					margin: 0 20upx;
				}
				
				&:nth-of-type(2) {
					color: #999;
				}
			}
			.mark {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				z-index: 1;
			}
		}
		.item-4{
			display: flex;
			align-items: center;
			padding: 10upx 0;
			margin-left: 40upx;
			border-bottom: 1px solid #eee;
			>view{
				flex: 1;
				margin: 0 20upx;
			}
			>text{
				display: block;
				font-size: 28upx;
				font-family: Adobe Heiti Std;
				font-weight: normal;
				color: #989898;
				&:nth-of-type(2){
					width: 100upx;
					text-align: right;
				}
			}
		}
		.item-5{
			padding: 20upx 0;
			>text{
				font-size: 30upx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #333333;
				position: relative;
				&.on-text{
					&::before{
						content: '*';
						position: absolute;
						font-size: 30upx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #FF0000;
						left: -20upx;
						top: 0;
					}
				}
			}
			>view{
				flex: 1;
				height: 246upx;
				border-radius: 10upx;
				/deep/uni-textarea {
					font-size: 24upx !important;
				}
			}
		}
	}
	.item-btn{
		padding: 40upx 0;
	}
}


.box{
	padding: 40upx;
	.box-1{
		text-align: center;
		font-size: 32upx;
		color: #000;
		font-weight: 600;
	}
	.box-2{
		text-align: center;
		width: 400upx;
		font-size: 24upx;
		color: #999;
		line-height: 40upx;
		margin: 20upx 0;
	}
	.box-3{
		text-align: center;
		margin: 30upx 0 20upx;
		text{
			width: 220upx;
			height: 60upx;
			text-align: center;
			background: #2B74FE;
			border-radius: 10upx;
			display: inline-block;
			line-height: 60upx;
			color: #fff;
			
		}
	}
}